✨ Summary

This improves the responsiveness of the WebUI Messages page.

The Messages page was previously constrained by the default DefaultPage width, which made the message list feel unnecessarily narrow on desktop screens and left a lot of available horizontal space unused.

This PR keeps the change scoped to the Messages page and preserves the existing layout for the other pages.

Fixes #744

🖥️ Desktop behavior

On larger desktop screens, the Messages page now uses more of the available horizontal space while still keeping a reasonable maximum width.

This makes long notifications, logs, Markdown content, and code blocks much easier to read without changing the overall Gotify layout.

🔧 Changes

• Set a wider maxWidth only for the Messages page.
• Size individual message cards based on their content.
• Keep short text-only messages compact.
• Allow messages with wide content, such as logs or code blocks, to expand up to the available page width.
• Clamp <pre> blocks to the message card width while preserving internal horizontal scrolling.
• Leave the other pages unchanged.

✅ Tested

I tested the change locally on:

• 🖥️ Desktop
• 💻 Laptop
• 📱 Mobile web viewport

Everything works as expected:

• the Messages page uses much more available width on desktop;
• the layout remains clean on laptop/tablet-sized screens;
• mobile web keeps message cards within the viewport while preserving code block horizontal scrolling;
• the Android app is not affected;
• existing messages, apps, clients, and WebSocket updates continue to work.

📸 Screenshots

Desktop :

Laptop :

Mobile web :